<template>
    <div class="notebook-jupyter">
        <iframe :src="iframeSrc" frameborder="0" width="100%" height="100%"></iframe>
    </div>
</template>
<script>
export default {
    name: 'notebookJupyter',
    data() {
        return {
            iframeSrc: '' //http://192.168.1.109:3000/#/home/project
        }
    },
    created() {
        // 在 /notebook/jupyter 页面中获取参数
        const urlParams = new URLSearchParams(window.location.search);
        const paramId = urlParams.get('paramId');
        console.log('paramId:', paramId)
        if (paramId) {
            const iframeSrc = sessionStorage.getItem(paramId);
            // 使用 iframeSrc 参数
            console.log(iframeSrc);
            this.iframeSrc = iframeSrc;
            // 使用完后可以清除
            // sessionStorage.removeItem(paramId);
        }
    }
    //     computed: {
    //     iframeSrc() {
    //       // 根据当前路由构造对应的 3000 端口 URL
    //       const path = this.$route.fullPath;
    //       return `http://localhost:3000${path.replace('/notebook/jupyter/xxx', '')}`;
    //     }
    //   },
    // watch: {
    //     nodeId: function (newVal, oldVal) {
    //         this.getIframeSrc(newVal)
    //     }
    // }
}
</script>
<style scoped>
.notebook-jupyter {
    width: 100%;
    height: 100%;
}
</style>